.starLevel{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 20px;
    background-image: url(../images/bg_starlevel.png);
    background-position: 0 0;
    &:before{
        display: block;
        content: '';
        height: 20px;
        background-image: url(../images/bg_starlevel.png);
        background-position: 0 -20px;
    }

    .starLevelLoop(@i,@len) when (@i <= @len) {
        &[data-innerwidth="@{i}"]{
            &:before{
                width:percentage((@i / @len));
            }
        }
        .starLevelLoop(@i + 1,@len);
    }
    .starLevelLoop(0,100);
}